/* html body */
html,body {
    margin: 0 auto;
    padding-top:1em;
    padding-bottom:1em;
    max-width:900px;
    line-height: 1.6;
    color: #cccccc;
    background-color: #242424;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei", "Andale Mono", monospace;
    word-break: break-word;
}
/*@media screen {body {box-shadow:0 0 0 1px #cacaca,0 0 0 4px #eee}}*/
h1 {color:#f1f1f1; text-align: center;}
h2 {color:#f1f1f1; border-bottom: 1px solid #333333; margin: 10px 0; padding: 5px 0;}
h3 {color:#f1f1f1}
h4 {color:#f1f1f1}
h5 {color:#f1f1f1}
h6 {color:#f1f1f1}
/* 链接 */
a {line-height: 1.8; color: #9499FF; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline; word-break: break-word;}
a:hover {text-decoration: underline;}
/* 按钮 */
button {
  --color: #b23cf1;
  font-family: "微软雅黑", "Microsoft YaHei", "Andale Mono", monospace;
  display: inline-block;
  max-width: 20em;
  height: 2em;
  line-height: 1.5em;
  margin: 20px;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid var(--color);
  transition: color 0.5s;
  z-index: 1;
  font-size: 14px;
  border-radius: 14px;
  font-weight: 500;
  color: var(--color);
  background: #fff
}
button:before {content: ""; position: absolute; z-index: -1; background: var(--color); height: 150px; width: 300px; border-radius: 40%;}
button:hover {color: #fff;}
button:before {top: 100%; left: 100%; transition: all 0.7s;}
button:hover:before {top: -30px; left: -30px;}
button:active:before {background: #3a0ca3; transition: background 0s;}
/* 复制按钮 */
.copy-button {
  padding: 0 0.5em;
  background-color: #004899;  
  font-size: 12px;
  color: white;  
  border: none;  
  border-radius: 8px;  
  cursor: pointer;  
  margin: 0 10px;
  position: absolute;  
  right: 0;  
}
.copy-button.copied {background-color: #28a745;}
/* 折叠块 */
.expand-container {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background-color: #222; border-radius: 6pt;}
.expand-box {font-size: 14px; border: 1px solid #eee; padding: 10px; margin-top: 5px; margin-bottom: 5px; background-color: #333; border-radius: 4pt;}
.expand-box pre {font-family: "微软雅黑"; white-space: pre-wrap;}
.expand-box:focus {cursor: pointer;}
.expand-container:focus {cursor: pointer;}
/*透明渐变水平线*/
hr {width:80%; margin:0 auto; border: 0; height: 4px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));}
/* 表格 */
table {font-size: 14px;padding: 0; margin: 1rem 0; width: 100%; border-collapse: collapse;}
table tr {border-top: 1px solid rgba(84, 84, 84, .65); background-color: #242424; margin: 0; padding: 0;}
table tr:hover {background-color: #3b424c;}
table td p {max-width: 600px; word-wrap: break-word;}
table tr th {border: 1px solid rgba(84, 84, 84, .4); background-color: #1b313c; color: #E1E1E1; margin: 0; padding: 12px 16px;}
table tr td {border: 1px solid rgba(84, 84, 84, .4); margin: 0;padding: 12px 16px;line-height: 1.6;}
table tr th :first-child, table tr td :first-child {margin-top: 0;}
table tr th :last-child, table tr td :last-child {margin-bottom: 0;}
/* 代码 */
code {font-size:13px; font-family:"DejaVu Sans Mono","Microsoft YaHei", "微软雅黑", "Andale Mono"; line-height: 1.5;}
p code {color: #f66f44; font-family: "DejaVu Sans Mono", "Microsoft YaHei", "微软雅黑", "Andale Mono";}
div.codehilite {display: block; word-wrap: break-word; overflow: auto; border: 1px solid rgba(84, 84, 84, .65); border-radius: 6pt; border-width: 1pt; margin-top: 15px;margin-bottom: 15px;}
div.codehilite p {position: relative;}
div.codehilite p.title {color: gray; font-weight: bold; display: block;background-color: #1b313c; border-radius: 4pt 4pt 0 0; margin:0; padding: 5px 15px;}
div.codehilite pre {word-break: break-all; white-space: pre-wrap; padding: 0 15px 5px 15px;}
/* 块引用 */
blockquote {color:#888; background-color: #303030;padding-left:10px; margin-left: 0; margin-right: 0;border-left: 0.5em solid #3290bf; position: relative; line-height: 200%; text-indent: 20px;}
/* 进度条 */
.progress-label {color: #ffffff; position: absolute; text-align: center; font-weight: 700; width: 100%; margin: 0; line-height: 1.2rem; white-space: nowrap; overflow: hidden;}
.progress-bar {height: 1.2rem; float: left;}
.progress {display: block; width: 100%; margin: 0.5rem 0; height: 1.2rem; background-color: #2d3036; position: relative;}
.progress.thin {margin-top: 0.9rem; height: 0.4rem;}
.progress.thin .progress-label {margin-top: -0.4rem;}
.progress.thin .progress-bar {height: 0.4rem;}
.progress-100plus .progress-bar {background-color: #53f881;}
.progress-80plus .progress-bar {background-color: #bace12;}
.progress-60plus .progress-bar {background-color: #ffbd6e;}
.progress-40plus .progress-bar {background-color: #fb7dc7;}
.progress-20plus .progress-bar {background-color: #ff5a47;}
.progress-0plus .progress-bar {background-color: #ff0003;}
/* checkbox */
.task-list li {list-style-type: none;}
.task-list-control {position: relative; padding-left: 0px; margin-bottom: 18px; font-size: 14px; line-height: 1.7;}
.task-list-control input {visibility: hidden; cursor: pointer;}
.task-list-indicator {position: absolute; top: 1px; left: -10; height: 18px; width: 18px; background-color: #444444; border-radius: .8rem;}
.task-list-control input:checked ~ .task-list-indicator {background-color: #58fc7d;}
.task-list-indicator:after {content: ""; position: absolute;display: none;}
.task-list-control .task-list-indicator:after {left: 6px; top: 3px; width: 3px; height: 8px; border: solid black; border-width: 0 2px 2px 0; transform: rotate(45deg); display: block;}
/* 标签页 */
.tabbed-set {position: relative; display: flex; flex-wrap: wrap; margin: 1em 0; border-radius: 8px; border: 2px solid #333333; padding:0 15px;}
.tabbed-set > input {display: none;}
.tabbed-set label {
  width: auto;
  padding: 0.9375em 1.25em 0.78125em;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  border-bottom: 0.30rem solid transparent;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  cursor: pointer;
  transition: background-color 250ms, color 250ms;
}
.tabbed-set .tabbed-content {width: 100%; display: none; box-shadow: 0 -.05rem #333333;}
.tabbed-set input {position: absolute; opacity: 0;}
.tabbed-set input:checked:nth-child(n+1) + label {color: #b23cf1; border-color: #b23cf1;}
@media screen {.tabbed-set input:nth-child(n+1):checked + label + .tabbed-content {order: 99; display: block;}}
@media print {.tabbed-content {display: contents;}}
/* Admonition styles */
div.admonition {padding: 0 !important; margin: 20px 0; background-color: #303030; border: 1px solid; border-radius: 8pt; border-width: 2pt}
div.admonition p {margin: 0.5em 1em 0.5em 1em; padding: 0;}
div.admonition p a {color: inherit !important;}
div.admonition div.highlight {margin-left: 1em; margin-right: 1em;}
div.admonition table.highlighttable {padding-left: 1em; padding-right: 1em;}
div.admonition table.highlighttable div.highlight {margin-left: 0; margin-right: 0;}
div.admonition p.admonition-title {color: #f2f2f2; margin: 0; padding: 0.4em 0.2em 0.5em 0.5em; font-weight: bold; display: block;}
div.admonition ul,
div.admonition ol {margin: 0.1em 0.5em 0.5em 3em; padding: 0;}
/* -- danger, error -- */
div.danger,
div.error {border-color: #d14747;}
div.danger p.admonition-title,
div.error p.admonition-title {background-color: #542222; border-radius: 6pt 6pt 0 0;}
/* -- warning, caution, attention -- */
div.warning,
div.caution,
div.attention {border-color: #e68a00;}
div.warning p.admonition-title,
div.caution p.admonition-title,
div.attention p.admonition-title {background-color: #4d2600; border-radius: 6pt 6pt 0 0;}
/* -- note, important -- */
div.note,
div.important {border-color: #438afe !important;}
div.note p.admonition-title,
div.important p.admonition-title {background-color: #212c3e; border-radius: 6pt 6pt 0 0;}
/* -- hint, tip -- */
div.hint,
div.tip {border-color: #00b7d4;}
div.hint p.admonition-title,
div.tip p.admonition-title {background-color: #1b313c; border-radius: 6pt 6pt 0 0;}
div.danger p.admonition-title:before,
div.error p.admonition-title:before,
div.warning p.admonition-title:before,
div.caution p.admonition-title:before,
div.attention p.admonition-title:before,
div.important p.admonition-title:before,
div.note p.admonition-title:before,
div.hint p.admonition-title:before,
div.tip p.admonition-title:before {display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
div.danger p.admonition-title:before,
div.error p.admonition-title:before {
  height: 20px;
  width: 23px;
  background-size: 20px 20px;
  content: "";
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(209, 71, 71)" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>');
  vertical-align: -20%;
}
div.warning p.admonition-title:before,
div.caution p.admonition-title:before,
div.attention p.admonition-title:before {
  height: 20px;
  width: 23px;
  background-size: 20px 20px;
  content: "";
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="rgb(230, 138, 0)" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>');
  vertical-align: -20%;
}
div.important p.admonition-title:before,
div.note p.admonition-title:before {
  height: 20px;
  width: 23px;
  background-size: 20px 20px;
  content: "";
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(67, 138, 254)" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg>');
  vertical-align: -20%;
}
div.hint p.admonition-title:before,
div.tip p.admonition-title:before {
  height: 20px;
  width: 23px;
  background-size: 20px 20px;
  content: "";
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="rgb(0, 183, 212)" d="M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z"></path></svg>');
  vertical-align: -20%;
}